<template>
	<view>
		<u-tabbar :value="value1" @change="change1" :fixed="false" :placeholder="false" :safeAreaInsetBottom="false">
			<u-tabbar-item text="首页" icon="home" @click="click1"></u-tabbar-item>
			<u-tabbar-item text="放映厅" icon="photo" @click="click1"></u-tabbar-item>
			<u-tabbar-item text="直播" icon="play-right" @click="click1"></u-tabbar-item>
			<u-tabbar-item text="我的" icon="account" @click="click1"></u-tabbar-item>
		</u-tabbar>
	</view>
</template>

<script>
	export default {
		name: "tabbar",
		data() {
			return {
				value1: ''
			};
		},
		methods: {
			click1(e) {
				console.log('click1', e);
			}
		}
	}
</script>

<style>

</style>